<template>
  <div class="app-dashboard">
    <PaneGroup />
    <LineChart :expected-data="expectedData" :actual-data="actualData" />
    <OrderList />
  </div>
</template>

<script lang="ts">
import { defineComponent, } from 'vue'
import PaneGroup from './pages/PaneGroup/index.vue'
import LineChart from './pages/LineChart/index.vue'
import OrderList from './pages/OrderList/index.vue'

const expectedData = [100, 120, 161, 134, 105, 160, 165]
const actualData = [120, 82, 91, 154, 162, 140, 145]

export default defineComponent({
  components: {
    PaneGroup,
    LineChart,
    OrderList,
  },
  setup() {
    return {
      expectedData,
      actualData,
    }
  }
})
</script>
<style>

</style>
